<template>
  <h1>计算器练习</h1>
  <input type="text" placeholder="请输入数字1" v-model="a">
  <input type="text" placeholder="请输入数字2" v-model="b">
  <hr>
  <button @click="calc('+')">加</button>
  <button @click="calc('-')">减</button>
  <button @click="calc('*')">乘</button>
  <button @click="calc('/')">除</button>
  <h4>运算结果:{{result}}</h4>
</template>

<script setup>
import {ref} from "vue";

const a = ref("");
const b = ref("");
const result = ref("0");

const calc=(o)=>{
  //console.log(a.value+o+b.value);
  //eval("5+2")
  //将字符串内的算式以JS的方式直接算出来
  result.value = eval(a.value+o+b.value);
}

</script>

<style scoped>

</style>